<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/login.css" />
	</head>
	<body>
		<div class="top-wrap">
			<div class="top w1700 flex flex-align-center flex-pack-justify">
				<div class="flex flex-align-center "><a href="" class="logo"><img src="img/logox.png" alt="" /></a>
					<img src="img/logo1.png" class="title" />
				</div>
				<div class="flex flex-align-center">
					<a href="" class="join">
						<img src="img/join.png" alt="" srcset="" />
					</a>
					<a href="" class="login">
						<img src="img/login.png" alt="" srcset="" />
					</a>
					<a href="" class="search">
						<img src="img/search.png" alt="" srcset="" />
					</a>
				</div>
			</div>
			<header class="header">
				<div class="navigation w1700">
					<ul>
						<li >
							<a href="index.html" class="nav">Home</a>
						</li>
						<li>
							<a href="about.html" class="nav">About Us</a>
							<ol>
								<li>
									<a href="about.html">Missions</a>
								</li>
								<li>
									<a href="about1.html">Committee</a>
								</li>

							</ol>
						</li>
						<li>
							<a href="publications.html" class="nav">What we do</a>
							<ol>
								<li>
									<a href="publications.html">Publications</a>
								</li>
								<li>
									<a href="conference.html">Conferences</a>
								</li>
								<li>
									<a href="award.html">Awards</a>
								</li>
								<li>
									<a href="proceedings.html">Proceedings</a>
								</li>
								<li>
									<a href="summer.html">Summer School</a>
								</li>
							</ol>
						</li>
						<li>
							<a href="news.html" class="nav">News</a>
						</li>
						<li class="active">
							<a href="membership.html" class="nav">Membership</a>
						</li>
					</ul>
				</div>
			</header>

		</div>
		<div class="w1400 account-menu">
			<div class="">
				<div class="title flex flex-align-center">
					<div class="icon1 imgbox"></div>
					<span>My Account</span>
				</div>
				<div>
					<a href="">Update My Information</a>
					<a href="">Update My Username/Password</a>
					<a href="">Transaction History</a>
				</div>
			</div>
			<div>
				<div class="title flex flex-align-center">
					<div class="icon2 imgbox"></div>
					<span>Certifications</span>
				</div>
				<div>
					<a href="">My Certifications/Recertification</a>
				</div>
			</div>
			<div>
				<div class="title flex flex-align-center">
					<div class="icon3 imgbox"></div>
					<span>Events</span>
				</div>
				<div>
					<a href="">Register for an Event</a>
					<a href="">My Event Registrations</a>
				</div>
			</div>
		</div>
		<footer>
			<div class="w1700">
				<div class="copyright">Copyright © 2024 International Society of Energy and Environmental Science</div>
				<div class="email flex flex-align-center flex-pack-center">
					<img src="img/email.png" alt="" srcset="" />
					<span class="title">E-Mail</span>
					<span>energyecolenviron@163.com</span>
				</div>
				<div class="contact flex flex-align-center">
					<a href="https://www.facebook.com/groups/1634455563554703"><img class="factbook"
							src="img/factbook.png" alt="" srcset="" /></a>
					<a href="https://twitter.com/i/flow/login?redirect_after_login=%2FChenbinbnu"><img class="twitter"
							src="img/twitter.png" alt="" srcset="" /></a>
					<a href="https://www.linkedin.com/company/101918110/admin/feed/posts/?feedType=following"><img
							class="in" src="img/in.png" alt="" srcset="" /></a>
				</div>
			</div>
		</footer>
	</body>
</html>